<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/maps/guang3_dong1_shen1_zhen4.js"></script>

    
</head>
<body>
    <style>.box {  }; </style>
    <div class="box">
                <div id="02656fb0dc464c2fbf14a17ddcc3e5f5" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_02656fb0dc464c2fbf14a17ddcc3e5f5 = echarts.init(
            document.getElementById('02656fb0dc464c2fbf14a17ddcc3e5f5'), 'light', {renderer: 'canvas'});
        var option_02656fb0dc464c2fbf14a17ddcc3e5f5 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "series": [
        {
            "type": "pie",
            "name": "\u8bed\u8a00\u5360\u6bd4\u56fe",
            "clockwise": true,
            "data": [
                {
                    "name": "Java",
                    "value": 1488
                },
                {
                    "name": "C++",
                    "value": 3319
                },
                {
                    "name": "PHP",
                    "value": 373
                },
                {
                    "name": "C",
                    "value": 3319
                },
                {
                    "name": "C#",
                    "value": 178
                },
                {
                    "name": ".NET",
                    "value": 132
                },
                {
                    "name": "Python",
                    "value": 428
                },
                {
                    "name": "Delphi",
                    "value": 30
                },
                {
                    "name": "VB",
                    "value": 30
                },
                {
                    "name": "Perl",
                    "value": 53
                },
                {
                    "name": "Ruby",
                    "value": 32
                },
                {
                    "name": "js",
                    "value": 323
                },
                {
                    "name": "Go",
                    "value": 81
                },
                {
                    "name": "Erlang",
                    "value": 30
                }
            ],
            "radius": [
                "0%",
                "75%"
            ],
            "center": [
                "50%",
                "50%"
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "Java",
                "C++",
                "PHP",
                "C",
                "C#",
                ".NET",
                "Python",
                "Delphi",
                "VB",
                "Perl",
                "Ruby",
                "js",
                "Go",
                "Erlang"
            ],
            "selected": {},
            "show": true,
            "left": "20%",
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "title": [
        {
            "text": "\u8bed\u8a00\u5360\u6bd4\u56fe",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_02656fb0dc464c2fbf14a17ddcc3e5f5.setOption(option_02656fb0dc464c2fbf14a17ddcc3e5f5);
    </script>
<br/>                <div id="0f14115810ee4d6f8a9c2d8ba4657b36" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_0f14115810ee4d6f8a9c2d8ba4657b36 = echarts.init(
            document.getElementById('0f14115810ee4d6f8a9c2d8ba4657b36'), 'light', {renderer: 'canvas'});
        var option_0f14115810ee4d6f8a9c2d8ba4657b36 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "series": [
        {
            "type": "bar",
            "name": "Java",
            "legendHoverLink": true,
            "data": [
                15790
            ],
            "showBackground": false,
            "barWidth": 30,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "C++",
            "legendHoverLink": true,
            "data": [
                11618
            ],
            "showBackground": false,
            "barWidth": 30,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "PHP",
            "legendHoverLink": true,
            "data": [
                10774
            ],
            "showBackground": false,
            "barWidth": 30,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "C",
            "legendHoverLink": true,
            "data": [
                11618
            ],
            "showBackground": false,
            "barWidth": 30,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "C#",
            "legendHoverLink": true,
            "data": [
                10438
            ],
            "showBackground": false,
            "barWidth": 30,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": ".NET",
            "legendHoverLink": true,
            "data": [
                10742
            ],
            "showBackground": false,
            "barWidth": 30,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "Python",
            "legendHoverLink": true,
            "data": [
                17474
            ],
            "showBackground": false,
            "barWidth": 30,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "Delphi",
            "legendHoverLink": true,
            "data": [
                15100
            ],
            "showBackground": false,
            "barWidth": 30,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "VB",
            "legendHoverLink": true,
            "data": [
                15100
            ],
            "showBackground": false,
            "barWidth": 30,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "Perl",
            "legendHoverLink": true,
            "data": [
                10283
            ],
            "showBackground": false,
            "barWidth": 30,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "Ruby",
            "legendHoverLink": true,
            "data": [
                14937
            ],
            "showBackground": false,
            "barWidth": 30,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "js",
            "legendHoverLink": true,
            "data": [
                14931
            ],
            "showBackground": false,
            "barWidth": 30,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "Go",
            "legendHoverLink": true,
            "data": [
                14098
            ],
            "showBackground": false,
            "barWidth": 30,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "Erlang",
            "legendHoverLink": true,
            "data": [
                15100
            ],
            "showBackground": false,
            "barWidth": 30,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "Java",
                "C++",
                "PHP",
                "C",
                "C#",
                ".NET",
                "Python",
                "Delphi",
                "VB",
                "Perl",
                "Ruby",
                "js",
                "Go",
                "Erlang"
            ],
            "selected": {
                "Java": true,
                "C++": true,
                "PHP": true,
                "C": true,
                "C#": true,
                ".NET": true,
                "Python": true,
                "Delphi": true,
                "VB": true,
                "Perl": true,
                "Ruby": true,
                "js": true,
                "Go": true,
                "Erlang": true
            },
            "show": true,
            "left": "20%",
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": []
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "\u85aa\u8d44\u67f1\u72b6\u56fe",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_0f14115810ee4d6f8a9c2d8ba4657b36.setOption(option_0f14115810ee4d6f8a9c2d8ba4657b36);
    </script>
<br/>                <div id="128ec6487a4d4e379556b23eea1765ea" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_128ec6487a4d4e379556b23eea1765ea = echarts.init(
            document.getElementById('128ec6487a4d4e379556b23eea1765ea'), 'light', {renderer: 'canvas'});
        var option_128ec6487a4d4e379556b23eea1765ea = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "series": [
        {
            "type": "map",
            "name": "\u533a\u57df",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "mapType": "\u6df1\u5733",
            "data": [
                {
                    "name": "\u5b9d\u5b89\u533a",
                    "value": 2254
                },
                {
                    "name": "\u9f99\u534e\u533a",
                    "value": 934
                },
                {
                    "name": "\u798f\u7530\u533a",
                    "value": 1804
                },
                {
                    "name": "\u9f99\u5c97\u533a",
                    "value": 1704
                },
                {
                    "name": "\u7f57\u6e56\u533a",
                    "value": 246
                },
                {
                    "name": "\u76d0\u7530\u533a",
                    "value": 9
                },
                {
                    "name": "\u576a\u5c71\u533a",
                    "value": 48
                },
                {
                    "name": "\u5357\u5c71\u533a",
                    "value": 4672
                }
            ],
            "roam": true,
            "aspectScale": 0.75,
            "nameProperty": "name",
            "selectedMode": false,
            "zoom": 1,
            "mapValueCalculation": "sum",
            "showLegendSymbol": true,
            "emphasis": {}
        }
    ],
    "legend": [
        {
            "data": [
                "\u533a\u57df"
            ],
            "selected": {
                "\u533a\u57df": true
            },
            "show": true,
            "left": "20%",
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "title": [
        {
            "text": "\u5c97\u4f4d\u5730\u533a\u9700\u6c42\u56fe",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_128ec6487a4d4e379556b23eea1765ea.setOption(option_128ec6487a4d4e379556b23eea1765ea);
    </script>
<br/>                <div id="06911298833147ff8008627b6e143e5d" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_06911298833147ff8008627b6e143e5d = echarts.init(
            document.getElementById('06911298833147ff8008627b6e143e5d'), 'light', {renderer: 'canvas'});
        var option_06911298833147ff8008627b6e143e5d = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "series": [
        {
            "type": "bar",
            "name": "\u8981\u6c42\u5b66\u5386\u62db\u8058",
            "legendHoverLink": true,
            "data": [
                2323,
                0,
                331,
                3656,
                331,
                6419,
                487,
                25
            ],
            "showBackground": false,
            "barWidth": 20,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u8981\u6c42\u5b66\u5386\u62db\u8058"
            ],
            "selected": {
                "\u8981\u6c42\u5b66\u5386\u62db\u8058": true
            },
            "show": true,
            "left": "20%",
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u4e0d\u9650",
                "\u521d\u4e2d",
                "\u9ad8\u4e2d",
                "\u5927\u4e13",
                "\u9ad8\u4e2d",
                "\u672c\u79d1",
                "\u7855\u58eb",
                "\u535a\u58eb"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "\u5b66\u5386\u5360\u6bd4",
            "padding": 5,
            "itemGap": 10
        }
    ],
    "color": "blue"
};
        chart_06911298833147ff8008627b6e143e5d.setOption(option_06911298833147ff8008627b6e143e5d);
    </script>
<br/>    </div>
    <script>
    </script>
</body>
</html>
